/*
 * 面向属性的 CSS
 */
/* 字体颜色样式 */
.cfff {
    color: #fff;
}

.chff {
    color: rgba(255, 255, 255, 0.5);
}

.c0E7 {
    color: #004E73;
}

.c9a {
    color: #9A9A9A;
}

.c8a {
    color: #8A8A8A;
}

.c4294FF {
    color: #4294FF
}

.bgcolor {
    background-color: #4294FF;
}

.cAAD9F7 {
    color: #AAD9F7;
}

/* 字体大小 */
.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f20 {
    font-size: 20px;
}
.f30{font-size: 30px;}
.f40 {
    font-size: 40px;
}

.f60 {
    font-size: 60px;
}

.f100 {
    font-size: 100px;
}

.fwn {
    font-weight: normal;
}

/* 字体居中 */
.tcenter {
    text-align: center;
}

/* flex布局 */

.d_f {
    display: flex;
}

.fdcolumn {
    flex-direction: column;
}

.asc {
    align-self: center;
}

.flex {
    flex: 1;
}

.jscenter {
    justify-content: center;
}

.jssbetween {
    justify-content: space-between;
}

.fw {
    flex-wrap: wrap;
}

.jssaround {
    justify-content: space-around;
}

.ofScroll {
    overflow: scroll;
}

/* 背景色 */
.bfff {
    background-color: #fff;
}

.bafff {
    background-color: rgba(255, 255, 255, 0.5);
}

.bge8 {
    background-color: #E8E8E8;
}

/* 宽度100% */
.wfull {
    width: 100%;
}

/* 高度48px */
.h48 {
    height: 48px;
}

/* 圆角 */
.bradius15 {
    border-radius: 15px;
}

/* 绝对定位 */
.pabs {
    position: absolute;
}

.zindex1 {
    z-index: 1;
}

/* 相对定位 */
.prv {
    position: relative;
}

/* 右外边距 */
.mr16 {
    margin-right: 16px;
}

/* 下边距 */
.mb16 {
    margin-bottom: 16px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb28 {
    margin-bottom: 28px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb10 {
    margin-bottom: 10px;
}

/* 上边距 */
.mt10 {
    margin-top: 10px;
}

.paTop {
    padding-top: 10px;
}
.paright{padding-right: 20px;}
.p15 {
    padding: 15px;
}

.borTop {
    border-top: 1px dashed #ccc;
}

.borR {
    border-right: 1px dashed #fff;
}

/* 背景图样式 */
.bgStyle {
    background-repeat: no-repeat;
}

.bgsize {
    background-size: cover;
}